<template>
	<!-- 组件结构 -->
	<div class="school">
		<h2 >学校名称:{{name}}</h2>
		<h2>学校地址:{{address}}</h2>
		
	</div>
</template>

<script>
	
	import pubsub from 'pubsub-js'
	// 组件交互相关的代码(数据、方法等)
	// 创建school组件
	export default {
		name:'School',
		// props:['getSchoolName'],
		// data 要写成函数式
		data(){
			return{
				name:'尚硅谷',
				address:'北京',
			};
		},
		mounted() {
			// console.info('School',this);
			// this.$bus.$on('hello',(data)=>{
			// 	console.log('我是School组件,收到了数据',data);
			// })
			
			// function(消息名,数据)
			this.pubId = pubsub.subscribe('hello',function(msgName,data){
				console.log(this)
				console.log('有人发布hello消息，hello消息的回调执行',msgName,data);
			})
		},
		// 销毁 解绑
		beforeDestroy(){
			// this.$bus.$off('hello')
			pubsub.unsubscribe(this.pubId)
		},
	};
	// export default school
</script>

<style scoped>
	/* 组件的样式 */
	.school{
		background-color: #aa55ff;
		color: #ffff00;
		padding: 5px;
	}
</style>
